<template>
  <div @click="divClick">
    <!-- 事件修饰符 -->
    <!-- 
      语法:
      @事件名.修饰符="事件处理函数"
      修饰符之间可以串联
      .prevent.stop 表示既要阻止默认行为 还要阻止冒泡
     -->
    <a @click.prevent.stop="fn" href="http://www.baidu.com">去百度</a>
  </div>
</template>

<script>
export default {
  // 定义数据
  data() {
    return {
     
      }
    },
    methods: {
      fn() {
        console.log('a 被点了')
      },
      divClick() {
        console.log('div 被点了');
      }
    }
  }
</script>

<style>
 
</style>
